* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    z-index: 2;
}

:root {
    /* #03ED96 #4776E6*/
    --header:#2B97A2;
    --heading: #2B3344;
    --querybg: #7761DF;
    --btnbg:#8CBE3F;
    --explore: #5CB85C;
}
/* Top Ads Bar */
.bg-topbar {
    background: var(--header);
}

.topbar {
    min-height: 65px !important;
}

.topbar-text {
    font-weight: 600;
}

.topbar-form input {
    margin: 0 1px;
    border: none;
    font-size: 14px;
    padding: 5px 4px;
    outline: none;
}

.topbar-form input[type='submit'] {
    width: 135px;
    background: #000;
    color: #fff;
    padding: 2px 4px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    animation: scale 5s linear infinite;
}

@keyframes scale {
    40% {
        transform: scale(1);
    }

    43% {
        transform: scale(1.3);
    }

    49% {
        transform: scale(1);
    }

    53% {
        transform: scale(1.3);
    }

    57% {
        transform: scale(1);
    }
}

.header {

    /* background: #000 !important; */
}

.header .navbar-brand {
    width: 17%;
}

.topbar{background: #2b97a2; color: white;
padding: 20px 0;
display: flex;
justify-content: center;
align-items: center;

}

.flex{display: flex; align-items: center; }

.flex h3{font-size: 16px;}

.topbar input{

padding: 10px;

}

.topbar input{margin:0 5px;}

.button{background: black; color: white;
padding: 5px 80px;
border:0;
border-radius:8px;
animation:.5s infinite pop;
}

@keyframes pop{
    
0%{transform:scale(1)}    
    50%{transform:scale(1.1)}
    100%{transform:scale(1)}
}


.login {
    background: var(--btnbg);
    padding: 7px 15px !important;
    width: 95px;
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
}

.header-expand {
    justify-content: space-between !important;
}

.nav-item {
    font-size: 16px;
    padding: 0 8px;
}

.header-hr {
    width: 100%;
    border: .1px solid #c5c5c570;
}

.flx-end {
    justify-content: flex-end !important;
}

.home-text h2 {
    font-family: "Alata", sans-serif;
    font-size: 2.8rem;
    font-weight: bold;
}

.home-text .home-para {
    font-size: 2.3rem !important;
}

.video-btn {
    font-family: "Tahoma", Sans-serif;
    font-size: 17px;
    font-weight: bold;
    background-color: var(--btnbg);
    border-style: solid;
    border-radius: 10px;
}

.demo-btn {
    font-family: "Tahoma", Sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 30%);
    background-color: var(--header);
    border-style: solid;
    border-radius:10px;
    box-shadow: 6px 6px 10px -7px rgb(0 0 0 / 50%);
}

.section-title {
    font-family: "Trebuchet MS", Sans-serif;
    font-size: 1.9rem;
    font-weight: bold;
    color: #747373;
}

.section-para {
    font-size: 17px;
    line-height: 26px;
    color: #777777;
}
.layout-img{
    width: 70% !important;
}

.item {
    background: #fff;
    box-shadow: 0 0 7px var(--header);
    padding: 7px 25px;
    border-radius: 10px;
    width: 90% !important;
    margin: 2%;
}

.item-img {
    width: 50%;
    min-height: 100px
}

.item-text {
    color: #747373;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: "Trebuchet MS", Sans-serif;
}

.item ul li {
    font-size: 1rem;
    margin: 5px 0;
    font-weight: 600;
    color: #747373
}

.exp-list {
    margin: 25px 0;
}

.exp-item {
    color: #747373;
    font-family: sans-serif;
    font-size: 18px !important;
}

.explore-btn {
    padding: 5px 12px;
    width: 70%;
    background: var(--explore);
    color: #ffffff;
}

.contact-box {
    border: 2px solid #747373;
    box-shadow: inset 0 0 15px #747474;
    min-height: 210px;
    padding: 12px 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-box h3,
.contact-box input {
    margin: 20px 0;
    width: 60%;
}

.box-callback {
    color: #5CB85C;
    font-family: sans-serif;
    font-style: none;
    font-weight: 600;
}

.contact-box input[type="text"] {
    border: none;
    border-bottom: 1px solid #747373;
    padding: 9px 2px;
    outline: none;
}

.contact-box input[type="submit"] {
    padding: 9px;
    outline: none;
    outline: none;
    border: none;
    border-radius: 6px;
    color: #f0f8e5;
    font-weight: 650;
}


.const {
    color: #747373;
    font-family: sans-serif;
}

 /* -=------------------------------Lims =-----------------------------------------------------------*/


 .lims-text {
    color: #5CB85C;
}
/* Purchase Css */
.purchase {
    display: flex;
    justify-content: space-between;
}

.purchase-item {
    border: 1px solid #046f8f;
    min-height: 450px;
    margin: 7px 8px;
    border-radius: 5px;
    padding: 8px 0;
    box-shadow: 0 0 7px #6EC1E4;
    position: relative;
    min-width: 260px;
}

.pr-name {
    min-height: 70px;
    padding: 0 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pr-name h4::after {
    content: "";
    position: absolute;
    width: 450%;
    left: -95px;
    height: .5px;
    background: #5CB85C;
    border-radius: 50px;
    box-shadow: 0 3px 2px #03ED96;
    bottom: -23px;
}

.item2 .pr-name h4::after {
    content: "";
    position: absolute;
    width: 300%;
    left: -80px;
    height: .5px;
    background: #5CB85C;
    border-radius: 50px;
    box-shadow: 0 3px 2px #03ED96;
    bottom: -23px;
}

.item3 .pr-name h4::after {
    content: "";
    position: absolute;
    width: 200%;
    left: -60px;
    height: .5px;
    background: #5CB85C;
    border-radius: 50px;
    box-shadow: 0 3px 2px #03ED96;
    bottom: -23px;
}

.item4 .pr-name h4::after {
    content: "";
    position: absolute;
    width: 210%;
    left: -60px;
    height: .5px;
    background: #5CB85C;
    border-radius: 50px;
    box-shadow: 0 3px 2px #03ED96;
    bottom: -23px;
}

.pr-name h4 {
    color: #747373;
    position: relative;
}

.pr-price {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pr-price h3 {
    display: flex;
    color: #353535;
    font-size: 2.3rem !important;
    align-items: last baseline;
}

.pr-price h3 span {
    font-size: 13px;
    color: #747373;
}
.pr-points{
    margin-left: 35px !important;
    padding-right: 60px;
}

ul.pr-point-list {
    list-style: none;
    margin: 6px 0 !important;
    color: #494949;
}

ul.pr-point-list li {
    position: relative;
    font-size: 18px;
    margin: 9px 0 !important;
    font-weight: 590;
}

ul.pr-point-list li::before {
    content: "\2713";
    position: absolute;
    left: -20px;
    color: #6EC1E4;
    font-family: sans-serif;
    font-weight: 1000;
}

.pr-btn {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.pr-cut {
    position: relative;
}

.pr-cut::after {
    content: "";
    position: absolute;
    width: 110%;
    height: 2px;
    top: 50%;
    left: -10px;
    background: red;
}

.purchase-item {
    padding-bottom: 90px;
}

.purchase-item .pr-btn {
    position: absolute;
    bottom: 10px;
}

.purchase-item .pr-try-btn {
    color: #ccc;
    background: var(--btnbg);
}

.bestsell {
    font-size: 14px;
    padding: 3px 7px !important;
    border-radius: 50px;
    background: #4776E6;
    margin-left: 6px;
    font-weight: 620;
    box-shadow: 0 2px 4px #4776E6;
    color: #f8f9fa !important;
}
/* Gst Purchase Css */
.gst_condition {
    position: relative;
    width: 100%;
    height: 1.5px;
    background: #7e7e7e;
    margin: 9px 0;

}

.gst_condition::before {
    content: "* GST Extra Applicable on All Packages *";
    position: absolute;
    left: 37%;
    font-size: 14px;
    color: #747373;
    background: #fff;
    top: -13px;
    padding: 3px 15px;
}

section{
    z-index: 2;
}

/* Footer Css */
.footer {
    min-height: 200px;
    z-index: 1;
    z-index: 1;
    position: relative !important;
    width: 100%;
    min-height: 65vh;
    bottom: 0;
    min-height: 300px;
}
.footer-foot{
    z-index: 1;
    position: sticky !important;
    width: 100%;
    bottom: 0;
}
.foot-row {
    position: relative !important;
    z-index: 1;
}
.footer-div{
    height:100%;
    z-index: 1;
}
.footer-top {
    width: 100%;
    min-height: 180px;
    margin-top: 30px;
    display: flex;
    z-index: 1;
    justify-content: space-between;
}

.foot-nav {
    display: flex;
    z-index: 1;
    flex-direction: column;
}

.footnav-ul {
    list-style: none;
    z-index: 1;
}

.footnav-a {
    text-decoration: none;
    z-index: 1;
    color: #ccc;
}

.flex-row {
    width: 100%;
    z-index: 1;
}

.flx-bottom {
    display: flex;
    z-index: 1;
    padding: 0 15px;
}

.social-icons {
    display: flex;
    z-index: 1;
}

.social-icon {
    width: 40px;
    height: 40px;
    scale: .8;
    border-radius: 50%;
    z-index: 1;
    overflow: hidden;
}
.social-icon:nth-child(1) img,
.social-icon:nth-child(3) img{
    transform: scale(2);
}
.social-icon:nth-child(4){
  border-radius: 0%;
}

.social-img {
    width: 100%;
}
.car {
    min-width: 400px;
    min-height: 330px;
    /* background: #dfdfdf; */
    color: #2A3C8D;
    margin-top: 40px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.profile {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.comment {
    width: 80%;
    height: 100%;
}

.comment h2:not(span) {
    color: var(--heading);
}

.sub-admin {
    margin-bottom: 30px;
}

.sub-admin h6 a {
    color: #747474;
    font-weight: 600;
}

.comma-new {
    font-size: 2.9rem;
    margin: 0 3px 3px 6px;
}
.service{
    /* background: rgb(117, 55, 55); */
    font-size: 21px;
    display: flex;
    line-height: 35px;
    font-family: sans-serif;
}
.service a{
    max-height: 28%;
    text-decoration: none;
    color:#747474;
    margin-left: 45px;
}
.service a:hover{
   color: #4776E6;
}
.location {
    display: flex;
    flex-direction: column;
    margin: 19px 15px;
}
.location a{
    margin: 7px 0;
    color:#747474;
    font-weight: 600;
}
.location a:hover{
    text-decoration: dashed;
    color: #4776E6;
}
.guide{
    box-shadow: none !important;
    border:none;
}
.guide input[type="email"]{
    padding: 9px 7px !important;
    border: none !important;
    color: #4776E6;
    outline: none;
    font-weight: 600;
    border-bottom: 1px solid #747474 !important;
}
.tutroial-text h1 {
    color: var(--header);
    margin: 15px 0;
}

.tutroial-text h5 {
    font-weight: 400;
    font-size: 19px;
}
.video-box{
    margin: 16px 36px;
}
.video-src {
    width: 230px;
    border-radius: 5px 5px 0 0;
    min-height: 160px;
    background:rgba(0, 0, 0, 0.6) url('/img/video-thumb.png') no-repeat;
    background-size: cover;
    transition: .3s ease;
    margin: 6px 0;
    box-shadow: 0 0 3px #4776E6 , inset 0 0 7px #4776E6 , 0 2px 2px #000 ;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-src:hover{
    transform: scaleX(1.08);
}
.play-btn{
    position: relative;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 3px #747474;
    padding: 9px;
    font-size: 4rem;
    color:#4776E6;
    padding-left: 15px;
    transform: rotate(115deg);
}
.px-auto input:not(input[type="submit"]) {
    padding: 7px 9px;
    border: none;
    width: 300px;
    border-bottom: 1px solid #747474;
    outline: none;
    font-weight: 600;
    margin: 9px 0;
}

.px-auto input[type="submit"] {
    width: 100%;
    padding: 7px 9px;
    border: 1px solid #747474;
    border-radius: 3px;
    background: #4776E6;
    color: #fff;
    font-weight: 600;
    margin: 9px 0;
}

.px-auto textarea {
    min-height: 100px;
}

.headquat {
    background: var(--header);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 320px;
}
.headquat-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: center;
}
.blog-banner{
    min-height: 210px;
    width: 100%;
    padding: 9px;
    box-shadow: 2px 2px 4px #ccc,2px 2px 4px #747474;
    background: url('/img/blog-banner.jpg') no-repeat;
    background-size: cover;
    border-radius: 7px;
    margin: 2px 5px;
    font-family: sans-serif;
    transition: .3s ease;
}
.blog-banner a{
    border-radius: 50px;
    background: #fff;
    padding:5px 8px;
    box-shadow:  2px 2px 7px #747474;
}
.blog-content{
    padding-left: 7px;
}
.blog-date-author{
    color : #4776E6;
    transition: .3s ease;
}

.blog-item{
    box-shadow: 2px 2px 4px transparent,2px 2px 8px transparent,2px 2px 12px transparent;
    transition: .2s ease-in-out;
    padding: 9px 15px;
    padding-top: 0;
    min-width: 350px;
    border-radius: 10px;
    overflow: hidden;
    margin: 21px 7px;
}
.blog-item:hover{
    box-shadow: 2px 2px 4px #747474,2px 2px 8px #b1b1b1,2px 2px 12px #d8d8d8;
}
.blog-item:hover .blog-date-author{
   transform: scaleY(1.08);
}
.blog-item:hover .blog-banner{
   transform: scaleX(1.08);
}
.blog-item h2{
    color:var(--heading)
}
.blog-item p{
    color: #747474;
    font-family: sans-serif;
}